<template>
<!--  <test/>-->

  <aplusmax-container title="My Recommendation" right-title="View all products" right-link="/pc/AllProducts">
<!--    <aplusmax-best-sellers-card></aplusmax-best-sellers-card>-->
    <aplusmax-four-goods></aplusmax-four-goods>
  </aplusmax-container>
<!--  <container></container>-->

  <aplusmax-container title="DO YOU LIKE?" right-title="">
    <guess-what-you-like></guess-what-you-like>
  </aplusmax-container>

  <aplusmax-container title="Hot Category!" right-title="All Category" right-link="/pc/category">
    <HotDeals></HotDeals>
  </aplusmax-container>

<!--  <aplusmax-container title="Shop by Category" right-title="View all collections" right-link="/pc/">-->
<!--    <ShopByCategory></ShopByCategory>-->
<!--  </aplusmax-container>-->

  <poster></poster>

<!--  <aplusmax-container title="Shop By Lifestyle" right-title="">-->
<!--    <ShopByLifestyle></ShopByLifestyle>-->
<!--  </aplusmax-container>-->

<!--  <aplusmax-container right-title="">-->
<!--    <category-poster></category-poster>-->
<!--  </aplusmax-container>-->


  <aplusmax-container title="Hot Goods!">
    <hot-dealsCell></hot-dealsCell>
  </aplusmax-container>

<!--  <leftRightPoster></leftRightPoster>-->

  <aplusmax-container title="What our clients say">
    <evaluate></evaluate>
  </aplusmax-container>

  <aplusmax-container>
    <signUp></signUp>
  </aplusmax-container>

</template>

<script setup lang='ts'>
import {defineProps, defineEmits, defineExpose} from 'vue'
import apluxmaxCarousel from "@/components/pc/Library/aplusmax-carousel.vue"
import guessWhatYouLike from "./components/guess-what-you-like.vue"
import ShopByCategory from "./components/ShopByCategory.vue"
import HotDeals from "./components/HotDeals.vue"
import poster from "./components/poster.vue"
import ShopByLifestyle from "./components/ShopByLifestyle.vue"
// import categoryPoster from "./components/category-poster.vue"
import leftRightPoster from "./components/left-and-right-poster.vue"
import hotDealsCell from "./components/HotDealsCell.vue"
import evaluate from "./components/evaluate.vue"
import signUp from "./components/signUp.vue"
// import test from "./goodsList.vue"


const emit = defineEmits([])

defineExpose({})
</script>

<style scoped lang='less'>

</style>